import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

// 引入ElementUI
import ElementUI from "element-ui";
// 引入ElementUI的样式
import "element-ui/lib/theme-chalk/index.css";

// 导入全局的样式文件
import "@/assets/global.less";

// 引入axios
import axios from "axios";
// 添加请求拦截器
axios.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    console.log(config, "在到达服务器之前进过这里");
    // 只需要给需要权限的接口进行设置
    // 判断哪些接口需要权限
    if (config.url.startsWith("/my")) {
      config.headers.Authorization = store.state.token;
    }

    // 必须要返回config
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);


// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response;
}, function (error) {
  console.log(error,'错误的响应在返回到浏览器之前都会经过这里');
  // 如果状态码是401才会让跳转到登陆页
  if (error.response.status === 401) {
      router.push('/login')
  }

  // 对响应错误做点什么
  return Promise.reject(error);
});

// 设置请求跟路径
axios.defaults.baseURL = "http://www.liulongbin.top:3008";
// 将axios挂在到Vue.prototype
Vue.prototype.$http = axios;

Vue.config.productionTip = false;

// 全局注册ElementUI
Vue.use(ElementUI);

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");
